
<template>
  <div style="margin: 20px auto;height: 30px; width: 420px; margin-bottom: 40px;">
  <el-input placeholder="Enter your password" v-model="input" show-password maxlength="30"
  show-word-limit></el-input>
  <div v-if="input.length === 30" style="color: #f56c6c; font-size: 12px; text-align: right; margin-top:4px;">
      已达最大字数限制
    </div>
</div>


</template>

<script lang="js" setup>
import { ref } from 'vue'
const input = ref('')
</script>

<style lang="css">

</style>
